﻿@using System.Web.Script.Serialization;

@{
    Layout = null;
    //var materialModel = ViewBag.materialModel as NB.MGJ.Model.Origins_Material;
    //var authNavList = ViewBag.authNavList;
    //var moduleList = ViewBag.moduleList;

    //var modelJson = (new JavaScriptSerializer().Serialize(materialModel));
    //var authNavListJson = (new JavaScriptSerializer().Serialize(authNavList));
    //var moduleListJson = (new JavaScriptSerializer().Serialize(moduleList));

    var MaterialModel = ViewBag.MaterialModel as NB.MGJ.Model.Origins_Material;
}

@*钻石版*@

<link href="~/Content/TraceSource/DiamondEdition/layout-default-latest.css" rel="stylesheet" />
<link href="~/Content/TraceSource/DiamondEdition/MaterialEdit.css" rel="stylesheet" />
<link href="~/Content/CommonCss/jqueryUI/jquery-ui.css" rel="stylesheet" />
<link href="~/Content/TraceSource/DiamondEdition/TitleStyle.css" rel="stylesheet" />
<link href="~/Content/CommonCss/layer/skin/default/layer.css" rel="stylesheet" />
<link href="~/Content/TraceSource/main.css" rel="stylesheet" />
<link href="~/Content/TraceSource/DiamondEdition/DiamonEditionPage.css" rel="stylesheet" />
<style>
    #lgh_loading_layer {
        height: 100%;
        width: 100%;
        position: fixed;
        top: 0;
        left: 0;
        background: rgba(0,0,0,0.5);
        z-index: 1001;
    }

    #cpxxEditWrap table {
        margin: 0 auto;
        width: 60%;
    }

    .BindModuleListSelect {
        border: 1px solid #e5e5e5;
        border-radius: 5px;
        padding: 0;
    }

    .BindModuleListText {
        background: #F3F3F3;
        color: #444;
        font-size: 15px;
        height: 40px;
        line-height: 40px;
        font-weight: 600;
    }

    .BindModuleListSelect:hover .BindModuleListText {
        background: #79BC1F;
        color: #FFF;
    }
</style>

<input type="hidden" id="EID" value="@MaterialModel.EnterpriseId" />
<input type="hidden" id="batchId" value="@MaterialModel.ProductBatch" />
<input type="hidden" id="materialId" value="@MaterialModel.MaterialId" />
<input type="hidden" id="ProductId" value="@MaterialModel.ProductId" />

<!--主BODY-->
<div id="bgbody" style="float:left;width:100%;margin-left:60px;overflow-y:auto">
    <!--左侧模块列-->
    <div class="leftc">
        <div id="moduleList" class="container padding" style="width:320px;  ">
            <div id="MaterialNameWrap" class="boxWrap first-title" @*onclick=(ModuleEdit(this))*@ data-type="text">
                <div class="jumbotron">
                    <img id="CoverBG" src="~/Content/webImgs/TraceSource/TraceSourceEdit/vcardbg7.jpg" />
                    <p id="MaterialName">素材名称</p>
                </div>
                <div class="choose_tpl_color">
                    <div class="can_choose">
                        <div class="can_choose_text">配色</div>
                        <div class="first_color_block left_triangle" style="background-color: #37c605; border-bottom-color: #f2f2f6; border-right-color: #07a200; "></div>
                    </div>
                    <div class="white_triangle"></div>
                </div>
                <div name="lay" @*class="layoutview"*@ @*onclick=(ModuleEdit(this,e)) data-type="text"*@></div>
            </div>
            <ul id="sortModuleList"></ul>
        </div>
        <div id="basetool" class="jumbotron">
            <div class="b-wrap">
                <div class="b-title">基本模块</div>
                <ul>
                    <li class="basebtnwrap col-xs-3 col-md-3" id="tw">
                        <div class="img_base twM" name="edit">
                        </div>
                        <div>图文</div>
                    </li>
                    <li class="basebtnwrap col-xs-3 col-md-3" id="wzdh">
                        <div class="img_base wzdhM" name="wzdh">
                        </div>
                        <div>网址导航</div>
                    </li>
                    <li class="basebtnwrap col-xs-3 col-md-3" id="cpxx">
                        <div class="img_base wjM" name="">
                        </div>
                        <div>产品信息</div>
                    </li>
                    <li class="basebtnwrap col-xs-3 col-md-3" id="chxx">
                        <div class="img_base qyjlM" name="wzdh">
                        </div>
                        <div>窜货信息</div>
                    </li>

                    <!--
                        <li class="basebtnwrap col-xs-3 col-md-3" id="ppwh">
                        <div class="img_base ppwhM" name="">
                        </div>
                        <div>品牌文化</div>
                        </li>
                     -->

                </ul>
            </div>
        </div>
    </div>

    <!--右侧编辑列-->
    <div class="rightc" style="display:none">

        <div id="me-close" class="close abso ahd" style="margin: 5px 10px auto auto;">×</div>
        <div class="arrow" style="top: 33px;"></div>

        <div id="textEditWrap" class="rdisplay" style="display:none;">
            <table border="0" cellpadding="1" cellspacing="2">
                <tr>
                    <td class="tdtxt">素材名称：</td>
                    <td class="tdbox">
                        <input id="fMaterialName" name="MaterialName" class="form-control width90_" />
                    </td>
                </tr>
                <tr>
                    <td class="tdtxt">标题样式：</td>
                    <td class="tdbox">
                        <input id="TitleStyle1" name="TitleStyle1" class="form-control width90_" onclick="$.MGJ.DiamondEdition.Dialog_SelectTitleStyle()" />
                    </td>
                </tr>
                <tr>
                    <td class="tdtxt">绑定批次：</td>
                    <td class="tdbox">
                        <select id="SBatchList" class="form-control width90_">
                            <option>1</option>
                            <option>2</option>
                            <option>3</option>
                            <option>4</option>
                        </select>
                    </td>
                </tr>
                <tr>
                    <td class="tdtxt">上传图片：</td>
                    <td class="tdbox">
                        <div class="list-con1" style="display:flex;align-items:center">
                            <label id="picker1" class="picker" style="background-image: url('/Content/webImgs/upLogo/cp_img_tj.png' ); background-size: 100% 100%; width: 60px; height: 60px; border-radius: 5px; background-repeat: no-repeat;border-radius:4px;display:block "></label>
                        </div>
                        <input type="hidden" id="CoverImg" />
                    </td>
                </tr>

                <!--
                <tr>
                    <td class="tdtxt">认证内容：</td>
                    <td class="tdbox">
                        <div id="authnavList">
                        </div>
                        <input type="button" class="btn btn-i" id="addAuthNav" data-type="auth" data-navid="0" value="添加" onclick="$.MGJ.DiamondEdition.Dialog_NavEdit(this)" />
                    </td>
                </tr>
                <tr>
                    <td class="tdtxt">是否显示：</td>
                    <td class="tdbox">
                        <div class="col-xs-3 col-sm-3 col-md-3 col-lg-3">
                            <label><input name="IsAuthNavShow" type="radio" value="0">&nbsp;显示</label>
                        </div>
                        <div class="col-xs-3 col-sm-3 col-md-3 col-lg-3">
                            <label><input name="IsAuthNavShow" type="radio" value="1">&nbsp;隐藏</label>
                        </div>
                    </td>
                </tr>
                    -->
            </table>

            <div class="text-center m-btnwrap">
                <a id="textSave" class="btn btn-success  btn-small" role="button">
                    保存
                </a>
            </div>
        </div>

        <div id="authWrap" class="rdisplay" style="display:none;">
            this is auth;
        </div>
        <div id="twEditWrap" class="rdisplay" style="display:none;z-index:999;">


            <form id="twForm">
                <ul>
                    <li class="row">
                        <div class="tdtxt" style="margin-top:15px;">模块标题：</div>
                        <div class="tdbox">
                            <input id="Title" name="Title" class="form-control width90_" />
                        </div>
                    </li>
                    <li class="row">
                        <div class="tdtxt">标题显示：</div>
                        <div class="tdbox">
                            <div class="col-xs-3 col-sm-3 col-md-3 col-lg-3">
                                <label><input name="IsHideTitle" type="radio" value="0">&nbsp;显示</label>
                            </div>
                            <div class="col-xs-3 col-sm-3 col-md-3 col-lg-3">
                                <label><input name="IsHideTitle" type="radio" value="1">&nbsp;隐藏</label>
                            </div>
                        </div>
                    </li>
                    <li class="row">
                        <div class="tdtxt">首页显示：</div>
                        <div class="tdbox">
                            <div class="col-xs-3 col-sm-3 col-md-3 col-lg-3">
                                <label><input name="IsHide" type="radio" value="0">&nbsp;显示</label>
                            </div>
                            <div class="col-xs-3 col-sm-3 col-md-3 col-lg-3">
                                <label><input name="IsHide" type="radio" value="1">&nbsp;隐藏</label>
                            </div>
                        </div>
                    </li>
                    <li class="row">
                        <div class="tdtxt">正文内容：</div>
                        <div class="tdbox">
                            <script id="editor" type="text/plain">
                            </script>
                        </div>
                    </li>
                </ul>
            </form>
            <div class="text-center m-btnwrap">
                <a id="twSave" class="btn btn-success  btn-small" role="button">
                    保存
                </a>

            </div>
        </div>
        <div id="wzdhEditWrap" class="rdisplay" style="display:none ;">
            <table border="0" cellpadding="1" cellspacing="2">
                <tr>
                    <td class="tdtxt">模块标题：</td>
                    <td class="tdbox">
                        <input id="wzdhTitle" name="wzdhTitle" class="form-control width90_" />
                    </td>
                </tr>
                <tr>
                    <td class="tdtxt">标题显示：</td>
                    <td class="tdbox">
                        <div class="col-xs-3 col-sm-3 col-md-3 col-lg-3">
                            <label><input name="IsHideTitle2" type="radio" value="0">&nbsp;显示</label>
                        </div>
                        <div class="col-xs-3 col-sm-3 col-md-3 col-lg-3">
                            <label><input name="IsHideTitle2" type="radio" value="1">&nbsp;隐藏</label>
                        </div>
                    </td>
                </tr>
                <tr>
                    <td class="tdtxt">导航内容：</td>
                    <td class="tdbox">
                        <div id="navList">
                            <table class="tbIos"><tbody></tbody></table>
                        </div>
                        <input type="button" data-type="default" data-navid="0" class="btn btn-i" id="addnav" value="添加" onclick="$.MGJ.DiamondEdition.Dialog_NavEdit(this)" />
                    </td>
                </tr>
                <tr>
                    <td class="tdtxt">导航样式：</td>
                    <td class="tdbox">
                        <div class="col-xs-3 col-sm-3 col-md-3 col-lg-3">
                            <label><input name="NavStyle" type="radio" value="0">&nbsp;一行一项</label>
                        </div>
                        <div class="col-xs-3 col-sm-3 col-md-3 col-lg-3">
                            <label><input name="NavStyle" type="radio" value="1">&nbsp;一行两项</label>
                        </div>
                        <div class="col-xs-3 col-sm-3 col-md-3 col-lg-3">
                            <label><input name="NavStyle" type="radio" value="2">&nbsp;一行三项</label>
                        </div>
                        <div class="col-xs-3 col-sm-3 col-md-3 col-lg-3">
                            <label><input name="NavStyle" type="radio" value="3">&nbsp;智能排序</label>
                        </div>
                    </td>
                </tr>
            </table>
            <div style="width:100%;height:40px; text-align:center">
                <a id="navSave" class="btn btn-success  btn-small" role="button">
                    保存
                </a>
            </div>
        </div>

        <div id="cpxxEditWrap" class="rdisplay" style="display:none;z-index:999;">

            <form id="cpxxform">
                <ul>
                    <li class="row">
                        <div class="tdtxt" style="margin-top:15px;">模块标题：</div>
                        <div class="tdbox">
                            <input id="Title" name="Title" class="form-control width90_" />
                        </div>
                    </li>
                    <li class="row">
                        <div class="tdtxt">标题显示：</div>
                        <div class="tdbox">
                            <div class="col-xs-3 col-sm-3 col-md-3 col-lg-3">
                                <label><input name="IsHideTitle" type="radio" value="0">&nbsp;显示</label>
                            </div>
                            <div class="col-xs-3 col-sm-3 col-md-3 col-lg-3">
                                <label><input name="IsHideTitle" type="radio" value="1">&nbsp;隐藏</label>
                            </div>
                        </div>
                    </li>
                    <li class="row">
                        <div class="tdtxt">首页显示：</div>
                        <div class="tdbox">
                            <div class="col-xs-3 col-sm-3 col-md-3 col-lg-3">
                                <label><input name="IsHide" type="radio" value="0">&nbsp;显示</label>
                            </div>
                            <div class="col-xs-3 col-sm-3 col-md-3 col-lg-3">
                                <label><input name="IsHide" type="radio" value="1">&nbsp;隐藏</label>
                            </div>
                        </div>
                    </li>
                    <li class="row">
                        <div class="tdtxt">正文内容：</div>

                        <div id="cpxxInfo">



                        </div>


                    </li>
                </ul>
                <div class="text-center m-btnwrap">
                    <a id="cpxxSave" class="btn btn-success  btn-small" role="button">
                        保存
                    </a>
                    @*<a id="insertinfo" class="btn btn-default  btn-small" role="button">
                        信息导入
                            </a>*@
                </div>

            </form>
        </div>

        <div id="chxxEditWrap" class="rdisplay" style="display:none;z-index:999;">


            <form id="chxxform">

                <ul>
                    <li class="row">
                        <div class="tdtxt" style="margin-top:15px;">模块标题：</div>
                        <div class="tdbox">
                            <input id="Title" name="Title" class="form-control width90_" />
                        </div>
                    </li>
                    <li class="row">
                        <div class="tdtxt">标题显示：</div>
                        <div class="tdbox">
                            <div class="col-xs-3 col-sm-3 col-md-3 col-lg-3">
                                <label><input name="IsHideTitle" type="radio" value="0">&nbsp;显示</label>
                            </div>
                            <div class="col-xs-3 col-sm-3 col-md-3 col-lg-3">
                                <label><input name="IsHideTitle" type="radio" value="1">&nbsp;隐藏</label>
                            </div>
                        </div>
                    </li>
                    <li class="row">
                        <div class="tdtxt">首页显示：</div>
                        <div class="tdbox">
                            <div class="col-xs-3 col-sm-3 col-md-3 col-lg-3">
                                <label><input name="IsHide" type="radio" value="0">&nbsp;显示</label>
                            </div>
                            <div class="col-xs-3 col-sm-3 col-md-3 col-lg-3">
                                <label><input name="IsHide" type="radio" value="1">&nbsp;隐藏</label>
                            </div>
                        </div>
                    </li>
                    <li class="row">
                        <div class="tdtxt">正文内容：</div>

                        <div id="chxxInfo">



                        </div>



                    </li>
                </ul>

                </form>
                <div class="text-center m-btnwrap">
                    <a id="chxxSave" class="btn btn-success  btn-small" role="button">
                        保存
                    </a>
                    @*<a id="insertinfo" class="btn btn-default  btn-small" role="button">
                信息导入
                    </a>*@
                </div>
</div>

        <div id="ppwhEditWrap" class="rdisplay" style="display:none;z-index:999;">
            <ul>
                <li class="row">
                    <div class="tdtxt" style="margin-top:15px;">模块标题：</div>
                    <div class="tdbox">
                        <input id="Title" name="Title" class="form-control width90_" />
                    </div>
                </li>
                <li class="row">
                    <div class="tdtxt">标题显示：</div>
                    <div class="tdbox">
                        <div class="col-xs-3 col-sm-3 col-md-3 col-lg-3">
                            <label><input name="IsHideTitle" type="radio" value="0">&nbsp;显示</label>
                        </div>
                        <div class="col-xs-3 col-sm-3 col-md-3 col-lg-3">
                            <label><input name="IsHideTitle" type="radio" value="1">&nbsp;隐藏</label>
                        </div>
                    </div>
                </li>
                <li class="row">
                    <div class="tdtxt">首页显示：</div>
                    <div class="tdbox">
                        <div class="col-xs-3 col-sm-3 col-md-3 col-lg-3">
                            <label><input name="IsHide" type="radio" value="0">&nbsp;显示</label>
                        </div>
                        <div class="col-xs-3 col-sm-3 col-md-3 col-lg-3">
                            <label><input name="IsHide" type="radio" value="1">&nbsp;隐藏</label>
                        </div>
                    </div>
                </li>
                <li class="row">
                    <div class="tdtxt">正文内容：</div>





                </li>
            </ul>
            <div class="text-center m-btnwrap">
                <a id="twSave" class="btn btn-success  btn-small" role="button">
                    保存
                </a>
                @*<a id="insertinfo" class="btn btn-default  btn-small" role="button">
                    信息导入
                        </a>*@
            </div>
        </div>




    </div>
</div>

<!--右侧浮动-->
<div id="fixed_right">
    <div class="glyphicon glyphicon-chevron-left m-r-xs fixed_right_hover fixed_right_icon" style="display:none"></div>
    <div>
        <div class="glyphicon glyphicon-chevron-right m-r-xs fixed_right_hover fixed_right_icon"></div>

        <div class="fixed_right fixed_right_hover" id="scyl" name="scyl" onclick="Preview()">预览</div>
        <div class="fixed_right fixed_right_hover" onclick="UrlBack()">返回</div>
    </div>
</div>

<!--配色蒙层弹窗-->
<div class="modal_select_plugins_main" id="modal_select_plugins_main" hidden>
    <div class="modal_select_plugins_bg" id="modal_select_plugins" onclick="modal_select_plugins_main_hide()">
    </div>
    <div class="modal_select_plugins_box">
        <a href="javascript:;" class="modal_select_plugins_close" onclick="modal_select_plugins_main_hide()">
            <button type="button" class="close" data-dismiss="alert" aria-label="Close">
                <span @*aria-hidden="true"*@>×</span>
            </button>
        </a>
        <div class="modal_select_plugins_box_body">
            <div class="modal_select_plugins_show">
                <img src="~/Content/webImgs/TraceSource/TraceSourceEdit/change-color/weixin_Style.png" class="now_sel_image" style="display:inline" />
            </div>
            <div class="modal_select_plugins_select">
                <div color-id="1" color-image="~/Content/webImgs/TraceSource/TraceSourceEdit/change-color/weixin_Style.png" class="modal_select_plugins_select_button">
                    <div class="modal_select_plugins_select_button_show">
                        <div class="first_select_color" style="background:#37c605">
                        </div>
                        <div class="second_select_color" style="background:#07a200">
                        </div>
                        <div class="bottom_select_color" style="background:#f2f2f6">
                        </div>
                    </div>
                    <div>
                        <p>微信风</p>
                    </div>
                </div>
                <div color-id="2" color-image="~/Content/webImgs/TraceSource/TraceSourceEdit/change-color/black.png" class="modal_select_plugins_select_button">
                    <div class="modal_select_plugins_select_button_show">
                        <div class="first_select_color" style="background:#000">
                        </div>
                        <div class="second_select_color" style="background:#333">
                        </div>
                        <div class="bottom_select_color" style="background:#ebebeb">
                        </div>
                    </div>
                    <div>
                        <p>黑色经典</p>
                    </div>
                </div>
                <div color-id="3" color-image="~/Content/webImgs/TraceSource/TraceSourceEdit/change-color/LntellectualBlue.png" class="modal_select_plugins_select_button">
                    <div class="modal_select_plugins_select_button_show">
                        <div class="first_select_color" style="background:#379cda">
                        </div>
                        <div class="second_select_color" style="background:#007acf">
                        </div>
                        <div class="bottom_select_color" style="background:#f1f5f8">
                        </div>
                    </div>
                    <div>
                        <p>商务蓝</p>
                    </div>
                </div>
                <div color-id="4" color-image="~/Content/webImgs/TraceSource/TraceSourceEdit/change-color/ForestGreen.png" class="modal_select_plugins_select_button">
                    <div class="modal_select_plugins_select_button_show">
                        <div class="first_select_color" style="background:#4ea252">
                        </div>
                        <div class="second_select_color" style="background:#244a27">
                        </div>
                        <div class="bottom_select_color" style="background:#f6f8f5">
                        </div>
                    </div>
                    <div>
                        <p>森林绿</p>
                    </div>
                </div>
                <div color-id="5" color-image="~/Content/webImgs/TraceSource/TraceSourceEdit/change-color/HighGradeGrey.png" class="modal_select_plugins_select_button">
                    <div class="modal_select_plugins_select_button_show">
                        <div class="first_select_color" style="background:#445a66">
                        </div>
                        <div class="second_select_color" style="background:#74828b">
                        </div>
                        <div class="bottom_select_color" style="background:#f1f2f4">
                        </div>
                    </div>
                    <div>
                        <p>高级灰</p>
                    </div>
                </div>
                <div color-id="6" color-image="~/Content/webImgs/TraceSource/TraceSourceEdit/change-color/LogColor.png" class="modal_select_plugins_select_button">
                    <div class="modal_select_plugins_select_button_show">
                        <div class="first_select_color" style="background:#f3e6d4">
                        </div>
                        <div class="second_select_color" style="background:#817460">
                        </div>
                        <div class="bottom_select_color" style="background:#fcf9f4">
                        </div>
                    </div>
                    <div>
                        <p>原木色</p>
                    </div>
                </div>
                <div color-id="7" color-image="~/Content/webImgs/TraceSource/TraceSourceEdit/change-color/LntellectualBlue.png" class="modal_select_plugins_select_button">
                    <div class="modal_select_plugins_select_button_show">
                        <div class="first_select_color" style="background:#2c9bcb">
                        </div>
                        <div class="second_select_color" style="background:#044864">
                        </div>
                        <div class="bottom_select_color" style="background:#f7fcff">
                        </div>
                    </div>
                    <div>
                        <p>知性蓝</p>
                    </div>
                </div>
                <div color-id="8" color-image="~/Content/webImgs/TraceSource/TraceSourceEdit/change-color/Claret.png" class="modal_select_plugins_select_button">
                    <div class="modal_select_plugins_select_button_show">
                        <div class="first_select_color" style="background:#a83d3b">
                        </div>
                        <div class="second_select_color" style="background:#8b0000">
                        </div>
                        <div class="bottom_select_color" style="background:#fef4f5">
                        </div>
                    </div>
                    <div>
                        <p>酒红色</p>
                    </div>
                </div>
            </div>
            <div class="modal_select_plugins_button" style="display:block">
                <button type="button" class="btn btn-outline b-green text-green modal_review" onclick="$.MGJ.Common._PrewView(entity.MaterialId)">预览</button><button type="button" class="btn btn-outline green modal_select">保存</button>
            </div>
        </div>
    </div>
</div>












@*新添JS*@
<script src="~/Scripts/MGJJS/TraceSource/DiamondEdition2.js"></script>

<script src="~/Scripts/MGJJS/TraceSource/PageOperation/jquery.qrcode.min.js"></script>
<script src="~/Content/CommonCss/jqueryUI/jquery-ui.min.js"></script>

<script src="~/Scripts/MGJJS/TraceSource/PageOperation/UEditor/ueditor.config.js"></script>
<script src="~/Scripts/MGJJS/TraceSource/PageOperation/UEditor/ueditor.all.js"></script>
<script src="~/Scripts/MGJJS/TraceSource/PageOperation/UEditor/lang/zh-cn/zh-cn.js"></script>
<script src="~/Scripts/MGJJS/OriginsMaterial/DiamondEdiiton/HtmlHandle.js"></script>
<script src="~/Scripts/MGJJS/OriginsMaterial/DiamondEdiiton/Material.js"></script>
<script src="~/Scripts/MGJJS/OriginsMaterial/DiamondEdiiton/DiamondEditionDistill.js"></script>
<script src="~/Scripts/MGJJS/OriginsMaterial/DiamondEdiiton/DiamondEdition.js"></script>


